{__NOLAYOUT__}
<layout name="layoutPC" />
<div class="container-fluid" ng-controller="registerController">
    <div class="row">
        <div class="col-sm-10 col-sm-offset-1 text-center" >
            <h1 class="main-title">
                加入活控，扩展圈内人脉！
            </h1>
            <form name="regForm" id="register-form" class="form-horizontal" role="form" novalidate>
                <div class="form-group">
                    <label  class="col-sm-3 col-sm-offset-1 left-grey-lable">
                        <span class="glyphicon glyphicon-phone" aria-hidden="true" style="margin-left: 30px;"></span> &nbsp;手机
                    </label>
                    <div class="col-sm-6" ng-class="{'has-success has-feedback': regForm.phone.$valid, 'has-error has-feedback': regForm.phone.$invalid && regForm.phone.$dirty}">
                        <input type="tel" reg-phone="form.phone" name="phone" class="form-control big-input" ng-model="phone" placeholder="手机号将作为登陆账号" required>
                        <span ng-show="regForm.phone.$valid" class="glyphicon glyphicon-ok form-control-feedback" style="top:7px"></span>
                        <span ng-show="regForm.phone.$invalid && regForm.phone.$dirty" class="glyphicon glyphicon-warning-sign form-control-feedback" style="top:7px"></span>
                        <div class="warning text-left"
                             ng-show="regForm.phone.$invalid && regForm.phone.$dirty">
                            <span
                                    ng-show="regForm.phone.$error.required">
                                手机号不能为空
                            </span>
                            <span
                                    ng-show="regForm.phone.$error.regphone && !regForm.phone.$error.required">
                                手机号不符合格式
                            </span>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-6 col-sm-offset-4" style="padding-left:40px;text-align: left">
                        <button type="button" class="btn btn-success btn-lg" ng-click="getVerifyCode()" ng-disabled="timerIsShow">获取手机验证码<span ng-show="timerIsShow">{{ timer }}</span></button>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-6 col-sm-offset-4" ng-class="{'has-success has-feedback': regForm.verifyCode.$valid, 'has-error has-feedback': regForm.verifyCode.$invalid && regForm.verifyCode.$dirty}">
                        <input type="text" name="verifyCode" class="form-control big-input" ng-model="verifyCode" placeholder="手机验证码" required>
                        <span ng-show="regForm.verifyCode.$valid" class="glyphicon glyphicon-ok form-control-feedback" style="top:7px" ></span>
                        <span ng-show="regForm.verifyCode.$invalid && regForm.verifyCode.$dirty" class="glyphicon glyphicon-warning-sign form-control-feedback" style="top:7px"></span>
                        <div class="warning text-left" ng-show="regForm.verifyCode.$invalid && regForm.verifyCode.$dirty">
                            <span ng-show="regForm.verifyCode.$error.required">
                                请输入验证码
                            </span>
                        </div>
                        <div class="warning text-left">
                            <span>
                                {{ codeMsg }}
                            </span>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label  class="col-sm-3 col-sm-offset-1 left-grey-lable">
                        <span class="glyphicon glyphicon-lock" aria-hidden="true" style="margin-left: 30px;"></span> &nbsp;密码
                    </label>
                    <div class="col-sm-6" ng-class="{'has-success has-feedback': regForm.psw.$valid, 'has-error has-feedback': regForm.psw.$invalid && regForm.psw.$dirty}">
                        <input type="password" name="psw" reg-psw="form.psw" psw-repeat class="form-control big-input" ng-model="password" placeholder="6-18位密码" required>
                        <span ng-show="regForm.psw.$valid" class="glyphicon glyphicon-ok form-control-feedback" style="top:7px"></span>
                        <span ng-show="regForm.psw.$invalid && regForm.psw.$dirty" class="glyphicon glyphicon-warning-sign form-control-feedback" style="top:7px"></span>
                        <div class="warning text-left"
                             ng-show="regForm.psw.$invalid && regForm.psw.$dirty">
                            <span
                                    ng-show="regForm.psw.$error.required">
                                密码不能为空
                            </span>
                            <span
                                    ng-show="regForm.psw.$error.regpsw && !regForm.psw.$error.required">
                                密码需为6-18位
                            </span>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label  class="col-sm-3 col-sm-offset-1 left-grey-lable">
                        <span class="glyphicon glyphicon-lock" aria-hidden="true" style="margin-left: 30px;"></span> &nbsp;重复密码
                    </label>
                    <div class="col-sm-6" ng-class="{'has-success has-feedback': regForm.pswRepeat.$valid, 'has-error has-feedback': regForm.pswRepeat.$invalid && regForm.pswRepeat.$dirty}">
                        <input type="password" name="pswRepeat" class="form-control big-input" ng-init="form.pswRepeat = ''" required psw-repeat ng-model="passwordRepeat" placeholder="再次输入密码" required>
                        <span ng-show="regForm.pswRepeat.$valid" class="glyphicon glyphicon-ok form-control-feedback" style="top:7px"></span>
                        <span ng-show="regForm.pswRepeat.$invalid && regForm.pswRepeat.$dirty" class="glyphicon glyphicon-warning-sign form-control-feedback" style="top:7px"></span>
                        <div class="warning text-left"
                             ng-show="regForm.pswRepeat.$invalid && regForm.pswRepeat.$dirty">
                            <span
                                    ng-show="regForm.pswRepeat.$error.repeat && !regForm.pswRepeat.$error.required">
                                两次密码输入不一致
                            </span>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label  class="col-sm-3 col-sm-offset-1 left-grey-lable">
                        <span class="glyphicon glyphicon-user" aria-hidden="true" style="margin-left: 30px;"></span> &nbsp;真实姓名
                    </label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control big-input" name="username" ng-model="username" placeholder="建议填写真实姓名，增加可信度">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 col-sm-offset-1 left-grey-lable">
                        <img src="__PUBLIC__/static/pc/img/icon_sex.png"/>性别
                    </label>
                    <div class="col-sm-6 col-sm-offset-1 text-left sex-radio" ng-init="sex=1">
                        <label class="radio-inline">
                            <input type="radio" ng-model="sex"  value="1">    男
                            <img src="__PUBLIC__/static/pc/img/male.png" alt="male"/>
                        </label>
                        <label class="radio-inline">
                            <input type="radio" ng-model="sex" value="2">   女
                            <img src="__PUBLIC__/static/pc/img/female.png" alt="female"/>
                        </label>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-8 col-sm-offset-4 text-left">
                        <div class="big-ckbx" >
                            <input type="checkbox" ng-model="isAgree" required> 同意 <a href="<{:U('Register/protocolPC')}>" class="blue-link link-line">《用户注册协议》</a>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-12 text-center">
                        <button class="btn-blue-line btn-lg" type="button" ng-click="submit()" ng-disabled="regForm.$invalid" style="width: 300px">注册</button>
                    </div>
                </div>
                <div class="col-sm-8 col-sm-offset-4 text-left ftsz-22 clr-grey">
                    已有账号?请   <a href="<{:U('Login/loginPC')}>" class="blue-link">登&nbsp;陆</a>
                </div>
            </form>
        </div>
    </div>
</div>